#star-five {   
   margin: 50px 0;   
   position: relative;   
   display: block;   
   color: red;   
   width: 0px;   
   height: 0px;   
   border-right:  100px solid transparent;   
   border-bottom: 70px  solid red;   
   border-left:   100px solid transparent;   
   -moz-transform:    rotate(35deg);   
   -webkit-transform: rotate(35deg);   
   -ms-transform:     rotate(35deg);   
   -o-transform:      rotate(35deg);   
}   
#star-five:before {   
   border-bottom: 80px solid red;   
   border-left: 30px solid transparent;   
   border-right: 30px solid transparent;   
   position: absolute;   
   height: 0;   
   width: 0;   
   top: -45px;   
   left: -65px;   
   display: block;   
   content: "";   
   -webkit-transform: rotate(-35deg);   
   -moz-transform:    rotate(-35deg);   
   -ms-transform:     rotate(-35deg);   
   -o-transform:      rotate(-35deg);   
  
}   
#star-five:after {   
   position: absolute;   
   display: block;   
   color: red;   
   top: 3px;   
   left: -105px;   
   width: 0px;   
   height: 0px;   
   border-right: 100px solid transparent;   
   border-bottom: 70px solid red;   
   border-left: 100px solid transparent;   
   -webkit-transform: rotate(-70deg);   
   -moz-transform:    rotate(-70deg);   
   -ms-transform:     rotate(-70deg);   
   -o-transform:      rotate(-70deg);   
   content: "";   
}  

.rating {   
    width: 124px;   
    height: 19px;   
    margin: 8px 0 0 0;
    padding: 0;   
    list-style: none;   
    clear: both;   
    position: relative;   
    background: url('../image/star-rate.png') no-repeat 0 0;
}   
.nostar {background-position: 0 0}   
.star-1 {background-position: 0 -19px}   
.star-2 {background-position: 0 -38px}   
.star-3 {background-position: 0 -57px}   
.star-4 {background-position: 0 -76px}   
.star-5 {background-position: 0 -95px}   
ul.rating li {   
    cursor: pointer;   
    float: left;   
    text-indent: -999em;
    border:0px solid #dedede;
}   
ul.rating li a {   
    position: absolute;   
    left: 0;   
    top: 0;   
    width: 25px;   
    height: 19px;   
    text-decoration: none;   
    z-index: 200;   
}   
ul.rating li.one a {left: 0}   
ul.rating li.two a {left: 25px;}   
ul.rating li.three a {left: 50px;}   
ul.rating li.four a {left: 75px;}   
ul.rating li.five a {left: 100px;}   
ul.rating li a:hover {   
    z-index: 2;   
    width: 125px;   
    height: 19px;   
    overflow: hidden;   
    left: 0;   
    background: url('../image/star-rate.png') no-repeat 0 0
}   
ul.rating li.one a:hover {background-position: 0 -19px;}   
ul.rating li.two a:hover {background-position: 0 -38px;}   
ul.rating li.three a:hover {background-position: 0 -57px;}   
ul.rating li.four a:hover {background-position: 0 -76px;}   
ul.rating li.five a:hover {background-position: 0 -95px;}  